.index {
  overflow: hidden;
}
.index .why {
  padding: 60px 0;
  overflow: hidden;
}
.index .why h2 {
  color: #595858;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 80px;
  text-align: center;
}
.index .why ul li {
  float: left;
  width: 30%;
  text-align: center;
  padding: 10px 15px 20px 15px;
  border-radius: 10px;
}
.index .why ul li:hover {
  background-color: #f9fbff;
  box-shadow: 0 0 11px rgba(3, 151, 255, 0.19);
}
.index .why ul li .icon {
  width: 5em;
  height: 5em;
  margin-bottom: 40px;
}
.index .why ul li p {
  font-size: 17px;
  color: #7c7a7a;
  font-weight: 700;
  margin-bottom: 10px;
}
.index .why ul li span {
  font-size: 15px;
  color: #999999;
  position: relative;
}
.index .video {
  background: #efeff4;
  padding: 60px 0;
  overflow: hidden;
}
.index .video h2 {
  color: #595858;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 80px;
  text-align: center;
  margin-bottom: 40px;
}
.index .video ul {
  overflow: hidden;
}
.index .video ul li {
  float: left;
  width: 30%;
  text-align: center;
  padding: 10px 15px 20px 15px;
  border-radius: 10px;
}
.index .video ul li img {
  height: 199px;
  max-width: 100%;
}
.index .video ul li h3 {
  margin: 13px 0;
  font-size: 18px;
  font-weight: 400;
}
.index .video ul li p {
  margin-bottom: 10px;
  color: #999999;
}
.index .video ul li:hover {
  background-color: #f9fbff;
  box-shadow: 0 0 11px rgba(3, 151, 255, 0.19);
}
.index .video .more {
  text-align: center;
  margin: 20px 0;
  color: #c4c4c4;
}
.index .video .more a {
  color: #c4c4c4;
}
.index .doubt {
  padding: 60px 0;
  overflow: hidden;
}
.index .doubt h2 {
  color: #595858;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 80px;
  text-align: center;
}
.index .doubt ul li {
  float: left;
  width: 30%;
  text-align: center;
  padding: 10px 15px 20px 15px;
  border-radius: 10px;
  margin-bottom: 40px;
}
.index .doubt ul li .icon {
  width: 5em;
  height: 5em;
  margin-bottom: 10px;
}
.index .doubt ul li:hover {
  background-color: #f9fbff;
  box-shadow: 0 0 11px rgba(3, 151, 255, 0.19);
}
.index .doubt ul li span {
  display: block;
  margin-top: 26px;
  color: #afaaaa;
}
.index .addUser {
  padding: 60px 0;
  overflow: hidden;
  background: linear-gradient(315deg, #328e6c 0%, #33b906 100%);
}
.index .addUser .infos {
  text-align: center;
}
.index .addUser .infos p {
  color: #ffffff;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 40px;
}
.index .addUser .infos a {
  display: inline-block;
  color: #6c84af;
  font-size: 14px;
  font-weight: 700;
  background-color: #ffffff;
  padding: 10px 16px;
  border-radius: 6px;
  text-decoration: none;
  -webkit-box-shadow: 0 12px 32px 0 rgba(18, 113, 179, 0.7);
  -moz-box-shadow: 0 12px 32px 0 rgba(18, 113, 179, 0.7);
  box-shadow: 0 12px 32px 0 rgba(18, 113, 179, 0.7);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.index .userMessage {
  padding: 60px 0;
  overflow: hidden;
  padding-bottom: 100px;
}
.index .userMessage h2 {
  color: #595858;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 80px;
  text-align: center;
  margin-bottom: 40px;
}
.index .userMessage .swiper-container {
  height: 260px;
}
.index .userMessage .swiper-slide {
  text-align: center;
}
.index .userMessage .swiper-slide .slide-header {
  margin-bottom: 10px;
}
.index .userMessage .swiper-slide .slide-header img {
  border-radius: 100%;
  width: 96px;
}
.index .userMessage .swiper-slide .slide-title {
  color: #454545;
  font-size: 17px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 20px;
}
.index .userMessage .swiper-slide .slide-message {
  color: #5d6770;
  font-size: 15px;
  width: 700px;
  margin: 0 auto;
  line-height: 25px;
}
.index .newsList {
  padding: 60px 0;
  overflow: hidden;
  background: url("http://sui.taobao.org/sui/docs/assets/imgs/grid.png"), linear-gradient(315deg, #328e6c 0%, #33b906 100%);
  background-repeat: no-repeat;
  background-position: 50% 40%;
}
.index .newsList h2 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 20px;
}
.index .newsList ul li {
  margin-bottom: 30px;
}
.index .newsList ul li p {
  font-size: 22px;
  font-weight: inherit;
  color: #fff;
  margin-bottom: 10px;
}
.index .newsList ul li span {
  color: #d6d6d6;
  font-size: 15px;
  margin: 2px 0 10px;
}
